<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="mycanvas" width="600px" height="600px">
			
		</canvas>
		<script type="text/javascript">
			var mycanvas = document.getElementById("mycanvas");
			var point = mycanvas.getContext('2d');
			
			point.fillStyle = 'black';
			point.fillRect(200 , 200 , 200 , 200);
			
			point.fillStyle = 'white';
			point.fillRect(225 , 225 , 150 , 150);
			
			point.rect(235 , 235 , 130 , 130);
			point.stroke();
		</script>
	</body>
</html>
